/**
 * Created by zzw on 2017/6/15.
 *  封装 bootstrap 插件
 *  确认框(confirm) ，提示框(toast)，警告框(alert),输入框(print)
 */

class Bootstrap {
    /**
     * 构造器
     * @param title 标题
     * @param content 内容
     * @param btn  底部按钮
     */
    constructor (title,content,btn) {
        this.title = title;
        this.content = content;
        this.btn = btn;
    }
    /**
     * 设置提示框类型
     * @param index 类型下标
     *  0 表示 默认  1 主要蓝  2表示成功绿 3表示信息蓝 4表示警告黄 5表示危险红
     * @returns {string}
     * @constructor
     */
    setAlertType (index) {
        return ['alert-default','alert-primary','alert-success','alert-info','alert-warning','alert-danger'][index]
    }
}

/**
 * 追加方法
 */
Object.assign(Bootstrap.prototype,{
    // 警告框
    Info (type) {
        return `<div class="alert ${this.setAlertType(type)}"><a href="#" class="close" data-dismiss="alert">&times;</a>`+
            `<strong><span class="glyphicon glyphicon-exclamation-sign b-icon"></span>${this.content}</strong></div>` ;
    },
    // 确认框
    Confirm (target) {
        let _id = $(target).attr('data-target').replace("#","");
        return `<div class="modal" id="${_id}" tabindex="-1" role="dialog"><div class="modal-dialog"><div class="modal-content">`+
            `<div class="modal-header"><button class="close" data-dismiss="modal"><span>&times;</span></button><h3 class="modal-title">${this.title}</h3></div>`+
            `<div class="modal-body">${this.content}</div><div class="modal-footer">`+
            `<button class="btn btn-default" onclick="btnEvent(0)">${this.btn[0]}</button><button class="btn btn-primary" onclick="btnEvent(1)">${this.btn[1]}</button>`+
            `</div></div></div>`
    },
    // 通知框
    Toast (target) {},
    // 输入框
    Print () {}
});


/**
 * 点击按钮事件
 * @param status
 *   0 表示取消操作 1表示确认操作
 * @returns {boolean}
 */
let btnEvent = status => {
    return status === 1
};

